﻿@model GPS.ENTITYS.ViewModelQLDHV
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Quản lý danh sách học viên";
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/datepicker.js"></script>
<style>
    .evenClick a img {
        width: 20px;
        height: 20px;
    }
</style>

<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">Quản lý danh sách học viên</h3>
    <div class="row" id="page">
        @using (Html.BeginForm("Index", "GPS_HocVien", FormMethod.Get))
        {
            <div class="row">
                <div class="list-group">
                    <fieldset class="fs_body">
                        <input type="hidden" id="CheckUser" value="@ViewBag.checkuser" />
                        <input type="hidden" id="Message" value="@ViewBag.Message" />
                        <legend class="head_title">Điều kiện tìm kiếm</legend>
                        <div class="row">
                            <div class="col-md-2 control-label">
                                Mã học viên:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_MA, new { @class = "form-control" })
                            </div>
                            <div class="col-md-2 control-label">
                                Tên học viên:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_HOTEN, new { @class = "form-control" })
                            </div>
                        </div>

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Đơn vị đào tạo:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_DVGTVT_MA, new { @class = "form-control", @id = "DVGTVT_MA" })
                                <span id="rDataDVGTVT_MA" style="width:500px;"></span>
                                @Html.ValidationMessageFor(model => model.pHV_DVGTVT_MA)
                                <div class="help-tip">
                                    <p>Gõ mã hoặc Tên Đơn vị  để hiển thị danh sách đơn vị </p>
                                </div>
                            </div>

                            <div class="col-md-2 control-label">
                                Khóa học:
                            </div>

                            
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_KH_MA, new { @class = "form-control", @id = "KH_MA" })
                                <span id="rDataHV_KH_MA" style="width:500px"></span>
                                @Html.ValidationMessageFor(model => model.pHV_KH_MA)
                                <div class="help-tip">
                                    <p>Gõ mã hoặc tên khóa học để hiển thị danh sách khóa học </p>
                                </div>
                            </div>
                        </div>

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Hạng GPLX đã có:
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pHV_HS_HANGGPLXDACO, (SelectList)ViewBag.HangGPLXs, "-- Lựa Chọn --", new { @class = "form-control" })
                            </div>
                            <div class="col-md-2 control-label">
                                Hạng đào tạo:
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pHV_HANGDT_MA, (SelectList)ViewBag.HV_HANGDT_MAs, "-- Lựa Chọn --", new { @class = "form-control", @id = "HV_HANGDT_MA_dll" })
                            </div>
                        </div>
                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Số CMTND:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_SOCMT, new { @class = "form-control" })
                            </div>
                        </div>

                        <div class="row margin-top-05 btn_search">
                            <button id="btnExpHopDong" type="submit" class="btn btn-primary btn-sm" name="SearchButton" title="In hợp đồng đào tạo lái xe" value="Xuất hợp đồng">
                                <i class='fa fa-file-excel-o'></i> In hợp đồng
                            </button>
                            <button id="btnExpThanhLyHopDong" type="submit" class="btn btn-primary btn-sm" name="SearchButton" title="In hợp thanh lý hợp đồng đào tạo lái xe" value="Xuất thanh lý">
                                <i class='fa fa-file-excel-o'></i> In thanh lý hợp đồng
                            </button>
                            <button id="btnExpDanhSachHV" type="submit" class="btn btn-primary btn-sm" name="SearchButton" title="In danh sách học viên" value="Xuất danh sách">
                                <i class='fa fa-file-excel-o'></i> Kết xuất File Excel
                            </button>
                            <button id="btnInDsBc1" type="submit" class="btn btn-primary btn-sm" name="SearchButton" title="In báo cáo 1" value="Xuất báo cáo 1">
                                <i class='fa fa-file-excel-o'></i> In danh sách báo cáo 1
                            </button>
                            @*<button id="btnExpBC1" type="submit" id="btnInBc1" class="btn btn-primary btn-sm" name="SearchButton" title="In báo cáo 1" value="Xuất báo cáo 1">
                                    <i class='fa fa-file-excel-o'></i> In báo cáo 1
                                </button>*@
                            <button type="submit" id="btnSearch" class="btn btn-warning btn-sm" name="SearchButton" value="Tìm kiếm" title="Tìm kiếm">
                                <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                            </button>
                        </div>
                    </fieldset>
                </div>

            </div>

            <div class="row">
                <fieldset class="fs_body">
                    <legend class="head_title">Kết quả tìm kiếm</legend>
                    <div class="row margin-top-05">
                        <div class="divbtnFielset">
                            <div class="col-lg-2">&nbsp;</div>
                            <div class="col-lg-8" style="float: right; text-align: right;">
                                <div class="col-md-2 control-label">
                                    Số bản ghi:
                                </div>
                                <div class="col-md-4">
                                    @Html.DropDownListFor(model => model.pROW, new List<SelectListItem>
                                {
                                    new SelectListItem() {Text = "50 bản ghi", Value="50"},
                                    new SelectListItem() {Text = "100 bản ghi", Value="100"},
                                    new SelectListItem() {Text = "200 bản ghi", Value="200"},
                                    new SelectListItem() {Text = "200 bản ghi", Value="500"},
                                    new SelectListItem() {Text = "Tất cả bản ghi", Value="1000000"}
                                }, new { @class = "form-control" })
                                </div>
                                <div class="col-md-4">
                                    <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label>
                                    <input type="hidden" id="TotalRow" value="@ViewBag.TotalRow" />
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row margin-top-05">
                        <table class="table table-striped table-hover table-bordered table-condensed">
                            <tr>
                                <th>
                                    STT
                                </th>
                                <th>
                                    Khóa học
                                </th>
                                <th>
                                    STT KH
                                </th>
                                <th>
                                    Họ và tên
                                </th>
                                <th>
                                    Ngày sinh
                                </th>
                                <th>
                                    Giới tính
                                </th>
                                <th>
                                    Số CMTND
                                </th>
                                <th>
                                    Hộ khẩu
                                </th>

                                <th>
                                    Hạng đào tạo
                                </th>

                                <th>
                                    GP lái xe đã có
                                </th>
                                <th>
                                    Thao tác
                                </th>
                            </tr>
                            @{
            if (Model.SearchResults != null)
            {
                foreach (var item in Model.SearchResults)
                {
                    <tr>
                        <td align="center">
                            @Html.DisplayFor(modelItem => item.STT)
                        </td>
                        <td align="center">
                            @Html.DisplayFor(modelItem => item.KH_TEN)
                        </td>
                        <td align="center">
                            @Html.DisplayFor(modelItem => item.STT_ORDER_KH)
                        </td>

                        <td align="left">
                            @Html.DisplayFor(modelItem => item.HV_HOTEN)
                        </td>
                        <td align="center">
                            @Html.DisplayFor(modelItem => item.HV_NGAYSINH)
                        </td>
                        <td align="center">
                            @{
                    string strGioiTinh = item.HV_GIOITINH == "M" ? "Nam" : "Nữ";
                    @Html.Raw(strGioiTinh)
                            }
                        </td>
                        <td align="center">
                            @Html.DisplayFor(modelItem => item.HV_SOCMT)
                        </td>
                        <td align="left">
                            @Html.DisplayFor(modelItem => item.HV_NOICT)
                        </td>
                        <td align="center">
                            @Html.DisplayFor(modelItem => item.HV_HANGDT_MA)
                        </td>
                        <td align="center">
                            @Html.DisplayFor(modelItem => item.HV_HS_DVGTVT_MA_GPLXDACO)
                        </td>
                        <td align="center">
                            <div class="evenClick">
                                <a href="@Url.Action("Detail", "GPS_HocVien", new { id = item.HV_MA, id1 = item.HV_DVGTVT_MA})" data-modal="">
                                    <img src="@Url.Content("~/fonts/icon/search_file.png")" title="Xem chi tiết học viên" />
                                </a>
                                <a href="@Url.Action("ExportWord", "GPS_HocVien", new { id = item.HV_MA,  id1 = item.HV_DVGTVT_MA})" title="In lý lịch học viên">
                                    <img src="@Url.Content("~/fonts/icon/aqua_smooth_folder_users.png")" title="In lý lịch học viên" />
                                </a>
                                <a href="@Url.Action("ExportWordHopDong", "GPS_HocVien", new { id = item.HV_MA, id1 = item.HV_DVGTVT_MA, id2 = item.STT_ORDER_KH })" title="In hợp đồng học viên">
                                    <img src="@Url.Content("~/fonts/icon/27_edit_text.png")" title="In hợp đồng học viên" />
                                </a>
                                <a href="@Url.Action("ExportWordThanhLyHopDong", "GPS_HocVien", new { id = item.HV_MA, id1 = item.HV_DVGTVT_MA, id2 = item.STT_ORDER_KH })" title="In thanh lý hợp đồng học viên">
                                    @*<i class="material-icons" style="font-size:36px">&#xe870;</i>*@
                                    <img src="@Url.Content("~/fonts/icon/page_text_close.png")" title="In thanh lý hợp đồng học viên" />
                                </a>
                            </div>
                        </td>
                    </tr>
                }
            }
                            }

                        </table>
                    </div>

                    <div class="row margin-top-05">
                        <div class="pagination-sm">
                            @*@if (ViewBag.aa == null)
                                {
                                    Model.SearchResults = ViewBag.aa;
                                }*@
                            @Html.PagedListPager(Model.SearchResults, page => Url.Action("Index", new
                               {
                                   page,
                                   Model.pHV_MA,
                                   Model.pHV_HOTEN,
                                   Model.pHV_TEN,
                                   Model.pHV_DVGTVT_MA,
                                   Model.pHV_HANGDT_MA,
                                   Model.pHV_SOCMT,
                                   Model.pHV_KH_MA,
                                   Model.pHV_HS_HANGGPLXDACO,
                                   Model.pROW,
                                   Model.SearchButton
                               }))
                        </div>
                    </div>
                </fieldset>
            </div>
        }
    </div>
</div>


<!-- delete modal placeholder-->
<div id='deleteModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='deleteModalContent'></div>
        </div>
    </div>
</div>

<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>
@section Scripts {
    @Scripts.Render("~/bundles/modalform")
}
<script src="~/Scripts/check_user.js"></script>
<script>
    $(document).ready(function () {
        $('.btn-file :file').on('fileselect', function (event, numFiles, label) {

            var input = $(this).parents('.input-group').find(':text'),
                log = numFiles > 1 ? numFiles + ' files selected' : label;

            if (input.length) {
                input.val(log);
            } else {
                if (log) alert(log);
            }

        });
        var _varTotal = $("#TotalRow").val();
        if (_varTotal == '0') {
            $("#btnExpHopDong").hide();
            $("#btnExpThanhLyHopDong").hide();
            $("#btnExpDanhSachHV").hide();
            $("#btnInDsBc1").hide();
        } else {
            $("#btnExpHopDong").show();
            $("#btnExpThanhLyHopDong").show();
            $("#btnExpDanhSachHV").show();
            $("#btnInDsBc1").show();
        }
        $("#DVGTVT_MA").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_KhoaHoc/AutoCompleteDVGTVT_MA",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.DVGTVT_TEN, value: item.DVGTVT_MA + ':' + item.DVGTVT_TEN };
                        }))
                    }
                })
            },
            change: function (event, ui) {
                $('#KH_MA').val("");
            },
            messages: {
                noResults: "", results: ""
            }
        }).click(function () {
            $(this).autocomplete("search");
        });

        $("#KH_MA").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_HocVien/AutoCompleteKH_MA",
                    type: "POST",
                    dataType: "json",
                    data: {
                        term: request.term,
                        dvgtvt_ma: $("#DVGTVT_MA").val()
                    },
                    minLength: 2,
                    delay: 200,
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.KH_TEN, value: item.KH_MA + ':' + item.KH_TEN };
                        }))
                    }
                })
            },
        }).click(function (event, ui) {
            var _val = $("#DVGTVT_MA").val();
            if (_val == "" || _val == null) {
                alert('CHÚ Ý: Bạn muốn tìm kiếm khóa học. Bạn phải nhập mã/tên đơn vị đào tạo!!!');
            }
            else {
                $(this).autocomplete("search");
            }
        });
        $("#btnInBc1").click(function () {
            var _var = $("#KH_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in báo cáo một. Bạn phải điền khóa học!");
                return false;
            } else {
                return true;
            }
        });

        $("#btnInDsBc1").click(function () {
            var _var = $("#KH_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in danh sách báo cáo một. Bạn phải điền khóa học!");
                return false;
            } else {
                return true;
            }
        });


        $("#btnExpHopDong").click(function () {
            var _var = $("#KH_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in danh sách hợp đồng. Bạn phải điền khóa học!");
                return false;
            } else {
                return true;
            }
        });

        $("#btnExpThanhLyHopDong").click(function () {
            var _var = $("#KH_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in danh sách thanh lý hợp đồng. Bạn phải điền khóa học!");
                return false;
            } else {
                return true;
            }
        });

    })

</script>


<script type="text/javascript">
    $('.selectpicker').selectpicker({
        liveSearch: true,
        showSubtext: true
    });

    $.ajaxSetup({ cache: false });

    $("a[data-modal]").on("click", function (e) {
        // alert($("#wait3").attr("id"));
        $("#wait3").attr("style", "display:block;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");
        $('#myModalContent').load(this.href, function () {


            $('#myModal').modal({
                /*backdrop: 'static',*/
                keyboard: true
            }, 'show');

            bindForm(this);
            $("#wait3").attr("style", "display:none;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");
        });
        //   $("#wait1").attr("style", "display:none;position:absolute;top:" + 200 + ";left:" + 200 + ";padding:2px; z-index:99999");

        return false;
    });


    $("a[delete-modal]").on("click", function (e) {
        $("#wait3").attr("style", "display:block;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");

        $('#deleteModalContent').load(this.href, function () {

            //  $("#wait1").attr("style", "display:block;position:absolute;top:" + 200 + ";left:" + 200 + ";padding:2px; z-index:99999");

            $('#deleteModal').modal({
                /*backdrop: 'static',*/
                keyboard: true
            }, 'show');

            bindFormDelete(this);
            $("#wait3").attr("style", "display:none;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");
        });
        // $("#wait1").attr("style", "display:none;position:absolute;top:" + 200 + ";left:" + 200 + ";padding:2px; z-index:99999");
        return false;
    });




    function bindForm(dialog) {

        $('form', dialog).submit(function () {
            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize(),
                success: function (result) {
                    if (result.success) {
                        $('#myModal').modal('hide');
                        //Refresh
                        location.reload();
                    } else {
                        $('#myModalContent').html(result);
                        bindForm();
                    }
                }
            });

            // $("#wait1").attr("style", "display:none;position:absolute;top:" + 200 + ";left:" + 200 + ";padding:2px; z-index:99999");

            return false;
        });
    }


    function bindFormDelete(dialog) {

        $('form', dialog).submit(function () {
            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize(),
                success: function (result) {
                    if (result.success) {
                        $('#deleteModal').modal('hide');
                        //Refresh
                        location.reload();
                    } else {
                        $('#deleteModalContent').html(result);
                        bindForm();
                    }
                }
            });

            //  $("#wait1").attr("style", "display:none;position:absolute;top:" + 200 + ";left:" + 200 + ";padding:2px; z-index:99999");

            return false;
        });
    }

</script>

















